import request from "../../../utils/request"
import PubSub from 'pubsub-js'
import moment from "moment"
let nX;
let oX;
let mX;
// 获取全局实例
const appInstance = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isPlay:false, //音乐关闭与开启
    songDetail:{},
    id:"",//song的id(给了个默认值)
    songUrl:"",//song的url
    currentTime:"00:00",
    durationTime:"00:00",
    currentWidth:0,
    moveTime:0,
    duration:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // let id = options.ids || "1849998058";
    let id = options.ids;
    this.setData({
      id
    })
    //获取音乐详情
    this.getSongDetail(id)

    /**
     * 问题： 用户操作系统的控制音乐播放/暂停的按钮 与用户界面的 按钮显示不一致
    * 解决方案：
    *  1. 通过控制音频的实例 backgroundAudioManager 去监视音乐播放/暂停 
     */

    //判断当前音乐是否在播放(页面重新加载初始化isplay的状态为false ， 为了防止此行为则可以将状态保存到app.js （全局）中，或者利用本地存储的功能)
    if(appInstance.globalData.musicIsPlay && appInstance.globalData.musicId === this.data.id){
      this.setData({
        isPlay:true
      })
    }
    //创建音乐对象实例
    this.backgroundAudioManager = wx.getBackgroundAudioManager();
    //监听音乐播放
    this.backgroundAudioManager.onPlay(()=>{
      wx.hideLoading()
      this.changePlayState(true);
      appInstance.globalData.musicId =this.data.id;
    })
    //监听音乐暂停
    this.backgroundAudioManager.onPause(()=>{
      this.changePlayState(false);
    })    
    //监听音乐停止
    this.backgroundAudioManager.onStop(()=>{
      this.changePlayState(false);
    })
    // 监听音乐实时播放的进度
    this.backgroundAudioManager.onTimeUpdate(()=>{
      // console.log('总时长: ', this.backgroundAudioManager.duration);默认s
      // console.log('实时的时长: ', this.backgroundAudioManager.currentTime);
      //格式化时间（单位毫秒）
      let currentTime = moment( this.backgroundAudioManager.currentTime * 1000).format('mm:ss') 
      this.setData({
        currentTime,
        currentWidth: this.backgroundAudioManager.currentTime/this.backgroundAudioManager.duration * 450
      })
    })
    //监听音乐自然播放结束
    this.backgroundAudioManager.onEnded(()=>{
      PubSub.publish('switchtype','next');
      //将当前音乐关闭
      this.backgroundAudioManager.stop();
      this.setData({
        currentTime:"00:00",
        durationTime:"00:00",
        currentWidth:0,
        isPlay:false
      })
      this.subscribeMusicId();
    })

  },
  //切换音乐的播放状态
  changePlayState(isPlay){  
    this.setData({
      isPlay
    })
    //修改全局的音乐播放状态
    appInstance.globalData.musicIsPlay = isPlay;
  },
  //获取音乐详情
  async getSongDetail(ids){
    if(!ids){
      wx.showToast({
        title: '参数错误',
        icon:"error"
      })
      return;
    }
    let songDetail = await request("/song/detail?ids="+ids)
    let durationTime = moment(songDetail.songs[0].dt).format('mm:ss');
    wx.setNavigationBarTitle({
      title:songDetail.songs[0].al.name,
    })
    this.setData({
      songDetail:songDetail.songs[0],
      durationTime,
      duration:songDetail.songs[0].dt
    })
  },
  //音乐播放
  handleMusicPlay(){
    let isPlay = !this.data.isPlay;
    //在监听音乐播放/暂停的时候已经修改状态
    // this.setData({
    //   isPlay
    // })

    //控制音乐的播放与暂停
    const {id,songUrl} = this.data;
    this.musicControl(isPlay,id,songUrl);
   

  }, 
  //音乐播放控制器
  async musicControl(isPlay,id,songUrl){ 

    if(isPlay){
      if(!songUrl){
        //获取音乐播放链接
        let url = await request("/song/url?id="+id);
        songUrl = url.data[0].url;
        this.setData({
          songUrl
        })
      }
      this.backgroundAudioManager.src = songUrl;
      this.backgroundAudioManager.title = this.data.songDetail.name;
    }else{
      this.backgroundAudioManager.pause();
    }
  },
  //切换歌曲
  handleSwitch(event){
    //处理动作
    let type = event.target.id;

    //将当前音乐关闭
    this.backgroundAudioManager.stop();

    this.subscribeMusicId();

    PubSub.publish('switchtype',type)
  },
  // 订阅来自recommendSong页面发布的musicId消息
  subscribeMusicId(){
    PubSub.subscribe('musicId',(msg,musicId)=>{
      console.log('musicid'+musicId)
      //更新最新的music数据
      this.getSongDetail(musicId);
      //更新最新的musicId
      this.setData({
        id:String(musicId)
      })
      // 自动播放当前的音乐
      this.musicControl(true, musicId);
      // 取消订阅
      PubSub.unsubscribe('musicId');

    })
  },
  //跳转播放
  handleTouchStart(event){
    oX = event.touches[0].clientX - event.currentTarget.offsetLeft;   
  },
  handleTouchMove(event){
    nX = event.touches[0].clientX 
    mX = nX - oX;//需要加上之前的距离
    if(mX<0){
      mX = 0;
    }
    //progress - audio-circle
    else if(mX >225 -7)
    mX = 225 - 7;

    let moveTime = +(mX/225 * this.data.duration/1000).toFixed(2);  //秒数四舍五入后播放更加流畅
    this.setData({
      currentWidth:mX*2,
      moveTime
    })
    this.backgroundAudioManager.seek(moveTime)
  },
  handleTouchEnd(event){
    // console.log("end")
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})